import '../../base/checkLogin';
import '../../base/logout'
//导入 css
import '../../css/adminlte.min.css';
import '../../css/app.css';
import request from '../../utils/request';
//获取页面元素
let unameInput = document.querySelector('input[name=uname]');
let profileInput = document.querySelector('input[name=profile]');
let img = document.querySelector('img');
let form = document.querySelector('form');

//获取页面 url 中的 id 参数
let {search} = location;
search = search.slice(1);
let id = search.split('=').pop();

//发送 AJAX 请求获取当前用户的信息
async function getUserInfo(){
  let user = await request.get('/user/' + id);
  //设置表单元素的值
  unameInput.value = user.uname;
  //设置图片
  img.src = 'http://127.0.0.1:8080' + user.profile;
}

getUserInfo();

//给 form 绑定提交事件
form.onsubmit = async function(e){
  //阻止默认行为
  e.preventDefault();
  //获取表单的数据
  let formData = new FormData(form);
  //发送 AJAX 请求
  await request.patch('/user/' + id, formData);
  alert('更新成功');
}

//图片的预览功能
profileInput.onchange = function(){
  //读取选中文件的内容
  let fileReader = new FileReader(); // 
  //获取选中的文件
  let file = profileInput.files[0];
  //读取文件内容
  fileReader.readAsDataURL(file);
  //处理读取的结果
  fileReader.onload = function(){
    img.src = fileReader.result;
  }
}
